<li
    *ngFor="let menu of menuList"
    [class.has-children]="menu.children"
    [class.dubbo-api-item]="menu.menuType===1"
    [class.rest-api-item]="menu.menuType===0"
    [class.md-item]="menu.menuType===100"
>
    <i [class.rotate-90]="menu.expanding" class="material-icons" *ngIf="menu.children" (click)="expanding(menu)">play_arrow</i>
    <a *ngIf="menu.url" [routerLink]="menu.url" [queryParams]="menu.params" class="menu-name" [class.active]="menu.active" [class.deprecated]="menu.deprecated">
        <i *ngIf="menu.icon" class="icon material-icons">{{menu.icon}}</i>
        {{menu.name}}
    </a>
    <span *ngIf="!menu.url" [class.active]="menu.active" (click)="expanding(menu)">
        <i *ngIf="menu.icon" class="icon material-icons">{{menu.icon}}</i>{{menu.name}}
    </span>
    <ul *ngIf="menu.children && menu.expanding">
        <app-left-nav-api-item [menuList]="menu.children"></app-left-nav-api-item>
    </ul>
</li>

